import React from "react";
interface IndexProps {
  name: string;
  describe: string;
  imgs: string;
  colors: string;
}
const Index: React.FC<IndexProps> = ({ name, describe, imgs, colors }) => {
  return (
    <div
      style={{
        display: "flex",
        width: 201,
        height: 110,
        background: colors,
        borderRadius: 13,
        marginRight: 30,
      }}
    >
      <div>
        <div style={{minWidth:100, fontSize: 18, fontWeight: 600, margin: 15 }}>{name}</div>
        <div
          style={{
            fontSize: 12,
            fontWeight: 100,
            color: "#777",
            marginLeft: 15,
            marginTop: -5,
          }}
        >
          {describe}
        </div>
      </div>
      <div style={{ width: 90 }}>
        <img style={{ marginTop: -12 }} src={imgs} alt="" />
      </div>
    </div>
  );
};

export default Index;
